<!DOCTYPE html> 
<html> 
    <head> 
    <title>Friendly Cooks</title> 
    
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css" />
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.js"></script>
    <link rel="stylesheet" type ="text/css" href="style.css"/>
    
</head> 
<body> 
<div data-role="page">

    <div data-role="header" >
        <h1>Friendly Cooks</h1>
    </div><!-- /header -->

    <div data-role="content">    
        
        <div class="ui-grid-a">
            <div class="ui-block-a" style="width: 100%;'">                
                <ul data-role="listview" data-inset="true"> 
                 <!-- <li data-role="list-divider">My Email</li>  --> 
                    <li><a href="accountmobile.php" id="LoadInDiv2" rel="external" class="linkDiv">Login</a></li> 
                        <li><a href="searchmobile.php" id="LoadInDiv2" rel="external" class="linkDiv">Search</a></li> 
                    <li><a href="createmain.php" id="LoadInDiv3" rel="external" class="linkDiv">Create</a></li>
                    <li><a href="http://friendlycooks.com/create.php" id="LoadInDiv4" rel="external" class="linkDiv">View Full Site</a></li>
                    <li><a href="indexmain.php" id="LoadInDiv5" rel="external" class="linkDiv">My Profile</a></li>
                   <!-- <li data-role="list-divider">Other</li> --> 
                   <!-- <li><a href="index.html">Feeds</a></li> -->
                </ul>
            </div>
            <div class="ui-block-b" style="width: 72%; padding-left: 20px;" id="contentDiv">
            
            </div>
        </div>
    </div><!-- /content -->

    
</div><!-- /page -->
</body>
</html>